import React from 'react';
import { View, Text, TouchableOpacity } from 'react-native';
import styles from './styles';

const index = ({ navigation }) => (
    <View style={{ justifyContent: 'center', alignItems: 'center', flex: 1 }}>
        <TouchableOpacity
            onPress={() => navigation.navigate('任务计划区')}
        >
            <View style={styles.card}>
                <Text style={styles.tm_fontSize}>任务计划区</Text>
            </View>
        </TouchableOpacity>
        <TouchableOpacity
            onPress={() => navigation.navigate('任务就绪区')}
        >
            <View style={styles.card}>
                <Text style={styles.tm_fontSize}>任务就绪区</Text>
            </View>
        </TouchableOpacity>
        <TouchableOpacity
            onPress={() => navigation.navigate('任务执行区')}
        >
            <View style={styles.card}>
                <Text style={styles.tm_fontSize}>任务执行区</Text>
            </View>
        </TouchableOpacity>
        <TouchableOpacity
            onPress={() => navigation.navigate('任务验收区')}
        >
            <View style={styles.card}>
                <Text style={styles.tm_fontSize}>任务验收区</Text>
            </View>
        </TouchableOpacity>
        <TouchableOpacity
            onPress={() => navigation.navigate('任务完成区')}
        >
            <View style={styles.card}>
                <Text style={styles.tm_fontSize}>任务完成区</Text>
            </View>
        </TouchableOpacity>
    </View>
);

export default index;
